<!DOCTYPE html>
<html class="x-admin-sm">
    <head>
        <meta charset="UTF-8">
        <title>欢迎页面-X-admin2.2</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
        <link rel="stylesheet" href="/X-admin/css/font.css">
        <link rel="stylesheet" href="/X-admin/css/xadmin.css">
        <script src="../../js/jquery-3.5.0.js"></script>
        <script src="/X-admin/lib/layui/layui.js" charset="utf-8"></script>
        <script type="text/javascript" src="/X-admin/js/xadmin.js"></script>
        <script src="/js/user/x-member.js"></script>


    </head>
    <body>
        <div class="x-nav">
          <span class="layui-breadcrumb">
            <a href="">首页</a>
            <a href="">演示</a>
            <a>
              <cite>导航元素</cite></a>
          </span>
          <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
            <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
        </div>
        <div class="layui-fluid">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-body ">
                            <form class="layui-form layui-col-space5">
                                <div class="layui-inline layui-show-xs-block">
                                    <input class="layui-input"  autocomplete="off" placeholder="开始日" name="start" id="start">
                                </div>
                                <div class="layui-inline layui-show-xs-block">
                                    <input class="layui-input"  autocomplete="off" placeholder="截止日" name="end" id="end">
                                </div>
                                <div class="layui-inline layui-show-xs-block">
                                    <input type="text" name="username"  placeholder="请输入用户名" autocomplete="off" class="layui-input">
                                </div>
                                <div class="layui-inline layui-show-xs-block">
                                    <select name="sex" lay-filter="sex" style="width: 80px">
                                        <option value=""></option>
                                        <option value="男" selected>男</option>
                                        <option value="女">女</option>
                                        <option value="保密">保密</option>
                                    </select>
                                </div>
                                <div class="layui-inline layui-show-xs-block">
                                    <input type="text" name="phone"  placeholder="请输入手机号" autocomplete="off" class="layui-input">
                                </div>

                                <div class="layui-inline layui-show-xs-block"style="width: 80px">
                                    <input type="checkbox" name="hobby" lay-skin="primary" title="java" >
                                    <input type="checkbox" name="hobby" lay-skin="primary" title="c">
                                    <input type="checkbox" name="hobby" lay-skin="primary" title="c++">
                                    <input type="checkbox" name="hobby" lay-skin="primary" title="c#">
                                </div>
                                <div class="layui-inline layui-show-xs-block">
                                    状态
                                </div>
                                <div class="layui-inline layui-show-xs-block">
                                    <div class="layui-input-inline">
                                        <input type="radio" name="enable" value="-1" title="全部" checked="">
                                        <input type="radio" name="enable" value="1" title="是" checked="">
                                        <input type="radio" name="enable" value="0" title="否">
                                    </div>
                                </div>
                                <div class="layui-inline layui-show-xs-block">
                                    <button class="layui-btn"  lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
                                </div>
                            </form>
                        </div>
                        <div class="layui-card-header">
                            <button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon"></i>批量删除</button>
                            <button class="layui-btn" onclick="xadmin.open('添加用户','/html/user/member-add.html',600,400)"><i class="layui-icon"></i>添加</button>
                        </div>
                        <div class="layui-card-body layui-table-body layui-table-main">
                            <table class="layui-table layui-form">
                                <thead>
                                  <tr>
                                    <th>
                                      <input type="checkbox" lay-filter="checkall" name="" lay-skin="primary">
                                    </th>
                                    <th>ID</th>
                                    <th>用户名</th>
                                    <th>性别</th>
                                    <th>手机</th>
                                    <th>地址</th>
                                      <th>爱好</th>
                                      <th>生日</th>
                                    <th>状态</th>
                                    <th>操作</th></tr>
                                </thead>
                                <tbody id="tbody" style="height:300px;overflow:auto">

                                </tbody>
                            </table>
                        </div>
                        <div class="layui-card-body ">
                            <div class="page">
                                <div id="page"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> 
    </body>
<!--    <script>-->
<!--      layui.use(['laydate','form'], function(){-->
<!--        var laydate = layui.laydate;-->
<!--        var  form = layui.form;-->


<!--        // 监听全选-->
<!--        form.on('checkbox(checkall)', function(data){-->

<!--          if(data.elem.checked){-->
<!--            $('tbody input').prop('checked',true);-->
<!--          }else{-->
<!--            $('tbody input').prop('checked',false);-->
<!--          }-->
<!--          form.render('checkbox');-->
<!--        }); -->
<!--        -->
<!--        //执行一个laydate实例-->
<!--        laydate.render({-->
<!--          elem: '#start' //指定元素-->
<!--        });-->

<!--        //执行一个laydate实例-->
<!--        laydate.render({-->
<!--          elem: '#end' //指定元素-->
<!--        });-->


<!--      });-->

<!--       /*用户-停用*/-->
<!--      function member_stop(obj,id){-->
<!--          layer.confirm('确认要停用吗？',function(index){-->

<!--              if($(obj).attr('title')=='启用'){-->

<!--                //发异步把用户状态进行更改-->
<!--                $(obj).attr('title','停用')-->
<!--                $(obj).find('i').html('&#xe62f;');-->

<!--                $(obj).parents("tr").find(".td-status").find('span').addClass('layui-btn-disabled').html('已停用');-->
<!--                layer.msg('已停用!',{icon: 5,time:1000});-->

<!--              }else{-->
<!--                $(obj).attr('title','启用')-->
<!--                $(obj).find('i').html('&#xe601;');-->

<!--                $(obj).parents("tr").find(".td-status").find('span').removeClass('layui-btn-disabled').html('已启用');-->
<!--                layer.msg('已启用!',{icon: 5,time:1000});-->
<!--              }-->
<!--              -->
<!--          });-->
<!--      }-->

<!--      /*用户-删除*/-->
<!--      function member_del(obj,id){-->
<!--          layer.confirm('确认要删除吗？',function(index){-->
<!--              //发异步删除数据-->
<!--              $(obj).parents("tr").remove();-->
<!--              layer.msg('已删除!',{icon:1,time:1000});-->
<!--          });-->
<!--      }-->



<!--      function delAll (argument) {-->
<!--        var ids = [];-->

<!--        // 获取选中的id -->
<!--        $('tbody input').each(function(index, el) {-->
<!--            if($(this).prop('checked')){-->
<!--               ids.push($(this).val())-->
<!--            }-->
<!--        });-->
<!--  -->
<!--        layer.confirm('确认要删除吗？'+ids.toString(),function(index){-->
<!--            //捉到所有被选中的，发异步进行删除-->
<!--            layer.msg('删除成功', {icon: 1});-->
<!--            $(".layui-form-checked").not('.header').parents('tr').remove();-->
<!--        });-->
<!--      }-->
<!--    </script>-->
</html>